<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>Mathbook-Style List</title>  
<style>  
    /* 为列表容器添加样式 */  
    .mathbook-list {  
        border: 2px solid #000; /* 外部边框 */  
        padding: 10px; /* 内部填充 */  
        width: 300px; /* 列表宽度 */  
        margin: 20px auto; /* 居中并设置外部边距 */  
    }  
  
    /* 自定义列表项样式 */  
    .mathbook-list ul {  
        list-style-type: none; /* 去除默认的列表项符号 */  
        padding: 0; /* 去除默认的填充 */  
    }  
  
    .mathbook-list li {  
        border-bottom: 1px solid #ccc; /* 为每个列表项添加底部边框 */  
        padding: 8px; /* 列表项内填充 */  
        margin-top: 2px; /* 列表项之间的额外空间 */  
    }  
  
    /* 可选：为列表项添加背景色，模拟数学本的纸张效果 */  
    .mathbook-list li:nth-child(even) {  
        background-color: #f2f2f2; /* 为偶数项添加浅灰色背景 */  
    }  
</style>  
</head>  
<body>  
  
<div class="mathbook-list">  
    <ul>  
        <li>第一项内容</li>  
        <li>第二项内容</li>  
        <li>第三项内容</li>  
        <!-- 以此类推，添加更多列表项 -->  
    </ul>  
</div>  
  
</body>  
</html>